<template>
  <div class="outer">
    <h2>我是App组件</h2>
    <img src="https://www.atguigu.com/images/index_new/logo.png" alt="" />
    <br />
    <Modal />
  </div>
</template>

<script setup lang="ts" name="App">
  import Modal from "./Modal.vue";
</script>

<style>
  .outer {
    background-color: #ddd;
    border-radius: 10px;
    box-shadow: 0 0 10px;
    padding: 5px;
    width: 400px;
    height: 400px;
    filter: saturate(
      107%
    ); /* 滤镜   加了这个所以弹窗会有问题,借助teleport将弹窗放进去可解决问题*/
  }
  img {
    width: 270px;
  }
</style>
